﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" ValidateRequest="false"
    Inherits="UEditorNetDemo._Default" %>

<%@ Register Assembly="UEditorNet" Namespace="System.Web.UI.WebControls" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="./UEditor/editor_config.js"></script>
    <script type="text/javascript" src="./UEditor/editor_all_min.js"></script>
    <link rel="stylesheet" type="text/css" href="./UEditor/themes/default/ueditor.css" />
    <script type="text/javascript">
        function jsGetValue() {

            //alert(document.getElementById('<%=UEditorNet1.ClientID %>').value);
            alert(<%=UEditorNet1.ClientID %>_Object.getContent('JS设置的值'));
        }

        function jsSetValue() {

            document.getElementById('<%=UEditorNet1.ClientID %>').value = 'JS设置的值';
            <%=UEditorNet1.ClientID %>_Object.setContent('JS设置的值');


        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <p>
            未使用母版页的示例</p>
        <p>
            <strong>使用说明：</strong>
        </p>
        <p>
            1.复制demo里面的UEditor文件夹到网站的根目录，文件夹里面的示例和源码：_examples和_src可以删除。
        </p>
        <p>
            2.在要使用的网页的头文件中添加以下三个引用：
        </p>
        <p>
            <span style="white-space: nowrap;">&lt;script type=&quot;text/javascript&quot; src=&quot;./UEditor/editor_config.js&quot;&gt;&lt;/script&gt;
            </span>
        </p>
        <p>
            <span style="white-space: nowrap;">&lt;script type=&quot;text/javascript&quot; src=&quot;./UEditor/editor_all_min.js&quot;&gt;&lt;/script&gt;
            </span>
            <br />
        </p>
        <p>
            <span style="white-space: nowrap;">&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot;
                href=&quot;./UEditor/themes/default/ueditor.css&quot; /&gt;&lt;/head&gt;</span>
            <br />
        </p>
        <p>
            3.将控件添加到工具栏中就可以像其它控件一样直接拖拽使用。
        </p>
        <p>
            4.在使用该控件的aspx页面的最顶部的设置中添加:validateRequest=&quot;false&quot;
        </p>
        <p>
            5.如果使用的是.net4.0需要在Web.config中的&lt;system.web&gt;节点中添加&lt;httpRuntime requestValidationMode=&quot;2.0&quot;
            /&gt;不清楚的地方请参考demo
            <p>
                6.该控件一直在完善之中，有任何建议请反馈给我，谢谢！
            </p>
    </div>
    <div>
        UEditorNet普通示例：<br />
        &nbsp;<cc1:UEditorNet ID="UEditorNet1" runat="server"></cc1:UEditorNet>
        <br />
        <asp:Button ID="Button1" runat="server" Text="Asp.net获取值" OnClick="Button1_Click" />
        <asp:Button ID="Button2" runat="server" Text="Asp.net设置值" OnClick="Button2_Click" />
        &nbsp;
        <input id="Button3" type="button" value="JS获取值" onclick="jsGetValue()" /><input id="Button4"
            type="button" value="JS设置值" value="button" onclick="jsSetValue()" />
        <br />
        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
    </div>
    </form>
</body>
</html>
